/* #bodyDiv { */
    /* margin: 0; */
    /* min-height: 100vh; */
    /* background-color: #c4d7fa;
    background-image: radial-gradient(closest-side, rgb(255, 255, 255), rgba(235, 105, 78, 0)), radial-gradient(closest-side, rgb(250, 203, 203), rgba(243, 11, 164, 0)), radial-gradient(closest-side, rgb(237, 252, 202), rgba(254, 234, 131, 0)), radial-gradient(closest-side, rgb(197, 248, 241), rgba(170, 142, 245, 0)), radial-gradient(closest-side, rgb(206, 200, 243), rgba(248, 192, 147, 0));
    background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
    background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
    background-repeat: no-repeat; */
    /* 背景颜色4秒循环一次 */
    /* animation: 4s movement linear infinite; */
    /* position: relative;
    overflow: hidden; */
    /* padding: 20px; */
/* } */

/* 
添加了一个伪元素::before，并将它的position属性设置为absolute，这使得它相对于#bodyDiv定位
给这个伪元素添加了背景颜色和模糊度，以创建一个背景模糊的遮罩 
最后为#bodyDiv添加了position: relative和overflow: hidden属性，以便让伪元素在#bodyDiv内部遮盖背景
*/
/* #bodyDiv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 249, 253, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
} */

/* @keyframes movement {

    0%,
    100% {
        background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
        background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax, 50vmax 50vmax;
    }

    25% {
        background-size: 100vmax 100vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 60vmax 60vmax;
        background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax;
    }

    50% {
        background-size: 80vmax 80vmax, 110vmax 110vmax, 80vmax 80vmax, 60vmax 60vmax, 80vmax 80vmax;
        background-position: -50vmax -70vmax, 40vmax -30vmax, 10vmax 0vmax, 20vmax 10vmax, 30vmax 70vmax;
    }

    75% {
        background-size: 90vmax 90vmax, 90vmax 90vmax, 100vmax 100vmax, 90vmax 90vmax, 70vmax 70vmax;
        background-position: -50vmax -40vmax, 50vmax -30vmax, 20vmax 0vmax, -10vmax 10vmax, 40vmax 60vmax;
    }
} */

/* #container {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.192);
  border-radius: 15px;
  padding: 10px;
    border-radius: 10px;
    background: rgba(245, 245, 245, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2),
        inset 2px 2px 2px rgba(0, 0, 0, 0.1);
} */